.page{
		position: fixed;
		left: 0;
		top:0;
		width: 750upx;
		height: 100%;
		overflow: hidden;
		background-color: #fe8759;
	}
	.gift {
		position: absolute;
		left: 52.5%;
		top: 50%;
		width:180px;
		margin-left: -90px;
		margin-top: -22px;
		font-size: 14px;
		/* border:1px solid #eee; */
		padding:10px;
		border-radius:10px;
		box-sizing:border-box;
		text-align:center;
	}
	.canvas{
		width: 100%; 
		height: 50px; 
		/* margin: 0 auto; */
	}
	.top-bg{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.go-to-history{
		position: fixed;
		top: 10px;
		right: 0;
		padding: 5px 15px;
		color: #ffffff;
		font-size: 14px;
		font-weight: normal;
		background-color: #ef533a;
	}
	.go-to-home{
		position: fixed;
		top: 50px;
		right: 0;
		padding: 5px 15px;
		color: #ffffff;
		font-size: 14px;
		font-weight: normal;
		background-color: #ef533a;
	}
	.guaguaka-box{
		box-sizing: border-box;
		width: 85%;
		margin-left: 7.5%;
		background-color: #feecca;
		position: relative;
		z-index: 2;
		margin-top: 200upx;
		border-radius: 20upx;
		padding-bottom: 40px;
	}
	.yuanbao-bg{
		width: 300upx;
	}
	.yuanbao-rest{
		position: relative;
	}
	.yuanbao-rest .yuanbao-bg{
		position: relative;
		left: -10upx;
		margin-top: 20upx;
	}
	.yuanbao-rest .text{
		position: absolute;
		top: 50upx;
		left: 30upx;
		font-size: 12px;
		color: #ffffff;
	}
	
	/* #ifdef H5 */
	.yuanbao-rest .text{
		position: absolute;
		top: 44upx;
		left: 30upx;
		font-size: 12px;
		color: #ffffff;
	}
	/* #endif */
	
	.white-bg{
		width: 82%;
		height: 64px;
		background-color: #ffffff;
		border-radius: 5px;
		margin-left: 9%;
		margin-top: 20upx;
	}
	.canvas-box{
		position: relative;
		width: 95%;
		height: 50px;
		top: 15upx;
		left: 2.5%;
	}
	.winners{
		text-align: center;
		font-size: 14px;
		color: #333333;
		position: relative;
		top: -40upx;
	}
	.rule-box{
		position: absolute;
		height: 50%;
		width: 85%;
		left: 7.5%;
		background-color: #fff4e4;
		border-radius: 10upx;
		color: #ef533a;
		font-size: 12px;
		font-weight: normal;
		margin-top: 40upx;
		display: flex;
		flex-direction: column;
		bottom: 20upx;
	}
	.rule-box .title{
		width: 100%;
		padding: 40upx 0 20upx 30upx;
		border-bottom: 2px dotted #e0dc7a;
		font-size: 16px;
		font-weight: bold;
		box-sizing: border-box;
	}
	.rules{
		padding: 30upx;
		max-height: 500upx;
		overflow-y: scroll;
	}
	.rule-content{
		
	}
	.lotteryBox{
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top:0;
		background-color: rgba(0,0,0,.7);
		z-index: 999;
	}
	.bobox{
		position: absolute;
		width: 658upx;
		height: 588upx;
		left: 46upx;
		top:50%;
		margin-top: -294upx;
		font-size: 0;
	}
	.msg-box-2{
		position: absolute;
		width: 100%;
		left: 0;
		top:6%;
		font-size: 16px;
		text-align: center;	
	}
	.msg-tit{
		color: #eda431;
	}
	.msg-money{
		color: #fc575a;
		font-size: 30px;
		margin-top: 60upx;
	}
	.msg-txt{
		color: #fc575a;
		font-size: 14px;
		margin-top: 40upx;
	}
	.msg-sm{
		color: #fc575a;
		font-size: 12px;
		margin-top: 10upx;
	}
	.msg-btn-box{
		margin-top: 115upx;
	}
	.msg-btn{
		width: 350upx;
		height: 85upx;
	}
		